<template>
	<view>
		<web-view :webview-styles="webviewStyles" :src="webviewUrl" @message='received'></web-view>
	</view>
</template>

<script src="js/mui.min.js"></script>

<!-- /**
 * 声明：
		此代码为西瓜猪淘客APP导购版本
		@本程序受法律保护，著作权©软著登记号2021SRA006390 < 未经版权所有权人书面许可，不能用于商业用途！>
		获取许可 WeChat：shenlailai6   QQ：212156620   Email： admin.java3.cn
		本程序仅用作被授权人二次开发,以及被授权人上架运营使用，未经版权所有权人书面许可，不能自行用于商业用途
 */
 -->
<script>
	var wv
	export default {
		data() {
			return {
				webviewUrl: '',
				webviewStyles: {
					progress: {
						color: '#EE1B14'
					}
				},
			}
		},
		onLoad(options) {
			console.log(options);
			this.webviewUrl = encodeURI(options.url)
		},
		onReady() {
			// 延迟加载
			 this.$nextTick(() => {
			      // 可以使用回调函数的写法
			      // 这个函数中DOM必定渲染完成
				    this.clearMuiBack();
			    })

		
		},
		methods: {
			received(e) {
				console.log(e.detail.data[0].type)
				if(e.detail.data[0].type=='getToken'){
					const token = uni.getStorageSync('userInfo').token;
					var currentWebview = this.$scope.$getAppWebview()
					var wv = currentWebview.children()[0]
					wv.evalJS('localStorage.setItem("ZZTOKEN",' + JSON.stringify(token) + ')');
				}
			},
			
			// 关闭mui返回
			  clearMuiBack() {
			    // #ifdef APP-PLUS
			    var currentWebview = this.$scope.$getAppWebview().children()[0];
			    //监听注入的js
			    currentWebview.addEventListener("loaded", function() {
			      currentWebview.evalJS("mui.init({keyEventBind: {backbutton: false }});");
			    });
			    // #endif
			  },
			  
			  
			  
		},
		onNavigationBarButtonTap(e) {
			// #ifdef APP-PLUS
			const currentWebview = this.$scope.$getAppWebview(); //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview()
			var wv = currentWebview.children()[0]
			wv.reload();
			// #endif
			console.log(JSON.stringify(e))
		},
	}
</script>

<style>

</style>
